body {
    min-width: 1120px;
    background-color: rgb(246, 246, 246);
}

/* 大图片 */
.banner img {
    width: 100%;
}
/* 导航栏 */
section {
    width: 100%;
}
section .top {
    width: 1100px;
    margin: 0 auto;
}
section .top .top1 {
    line-height: 30px;
}
/* 小三角 */
section .top .top1 .arrows {
    display: inline-block;
    width: 22px;
    position: relative;
}
section .top .top1 .arrows::after, 
section .top .top1 .arrows::before {
    content: "";
    border: 7px solid transparent;
    position: absolute;
    border-left-color: rgb(246, 246, 246);
}
section .top .top1 .arrows::after {
    top: -12px;
    left: 9px;
}
section .top .top1 .arrows::before {
    border-left-color: rgb(9, 9, 9);
    top: -12px;
    left: 11px;
}

/* 产品介绍 */
/* 购买商品 */
section .top .top2 {
    display: flex;
    margin-bottom: 50px;
}
section .top .top2 .top2-left {
    width: 485px;
    height: 380px;
    border-right: 1px solid rgb(218, 214, 214);
}
section .top .top2 .top2-left .top2-left1 {
    width: 100%;
    height: 300px;
    text-align: right;
}
section .top .top2 .top2-left .top2-left1 img:first-of-type {
    width: 390px;
    height: 270px;
}
section .top .top2 .top2-left .top2-left1 img:last-of-type {
    margin-right: 20px;
}
section .top .top2 .top2-left .top2-left2 ul {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -7px;
}
section .top .top2 .top2-left .top2-left2 ul li {
    height: 85px;
    border: 1px solid rgb(218, 214, 214);
    border-right: 0px;
    box-sizing: content-box;
}
section .top .top2 .top2-left .top2-left2 ul img {
    width: 95px;
    height: 85px;
}
section .top .top2 .top2-right {
    width: 615px;
    height: 380px;
    border-bottom: 1px solid rgb(218, 214, 214);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
section .top .top2 .top2-right1 {
    width: 475px;
    height: 245px;
}
section .top .top2 .top2-right1 h2:first-of-type {
    line-height: 45px;
    font-size: 24px;
}
section .top .top2 .top2-right1 h2:last-of-type {
    font-size: 24px;
    line-height: 45px;
    color: rgb(70, 139, 217);
}
section .top .top2 .top2-right1 div p {
    font-size: 20px;
    line-height: 30px;
}
section .top .top2 .top2-right1 div ul li {
    font-size: 12px;
    line-height: 22px;
}
section .top .top2 .top2-right2 button {
    width: 170px;
    height: 50px;
    font-size: 22px;
    color: #fff;
    background-color: rgb(181, 181, 181);
    border-radius: 10px;
    margin: 35px 50px 0 0;
}
section .top .top2 .top2-right2 button:hover {
    background-color: rgb(70, 139, 217);
}

/* 产品描述 */
/* 选项 */
section .middle .middle-1 {
    width: 100%;
    background-color: rgb(181, 181, 181);
}
section .middle .middle-1>div {
    width: 1100px;
    margin: 0 auto;
    display: flex;
}
section .middle .middle-1 div div {
    position: relative;
}
section .middle .middle-1 div div a {
    display: inline-block;
    width: 150px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
section .middle .middle-1 div div:hover a {
    background-color: #fff;
    color: rgb(70, 139, 217);
}
section .middle .middle-1 div div:hover::after {
    content: "";
    width: 100%;
    height: 10px;
    background-color: rgb(70, 139, 217);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
/* 产品描述 */
section .middle {
    background-color: #fff;
}
section .middle .middle-2,
.middle-3,
.middle-4 { 
    width: 750px;
    margin: 50px auto 0px;
    text-align: center;
}
section .middle div div h3 {
    line-height: 40px;
    font-size: 30px;
    color: rgb(70, 139, 217);
}
section .middle div p {
    line-height: 30px;
    font-size: 12px;
}
section .middle div p:first-of-type {
    color: rgb(181, 181, 181);
}
section .middle div p:last-of-type {
    line-height: 20px;
    color: rgb(119, 117, 117);
    width: 375px;
    margin: 10px auto 0px;
}
section .middle .middle-2 div:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
section .middle .middle-3 div:last-of-type img,
.middle-4 div:last-of-type img {
    margin-top: 30px;
    height: 555px;
}
section .middle .middle-4 div:last-of-type img {
    width: 740px;
    height: 440px;
}
section .middle .middle-5 div {
    width: 750px;
    margin: 0px auto;
}
section .middle .middle-5 div img {
    width: 750px;
    height: 600px;
}

/* 规格参数 */
section .parameter {
    width: 100%;
}
section .parameter>div:first-of-type {
    width: 100%;
    background-color: rgb(181, 181, 181);
}
section .parameter div:first-of-type div {
    width: 1100px;
    margin: 0 auto;
    display: flex;
}
section .parameter div:first-of-type div a {
    display: inline-block;
    width: 150px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: relative;
}
section .parameter div:first-of-type div a:hover {
    background-color: #fff;
    color: rgb(70, 139, 217);
}
section .parameter div:first-of-type div a:hover::after {
    content: "";
    width: 150px;
    height: 10px;
    background-color: rgb(70, 139, 217);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
section .parameter>div:last-of-type {
    width: 100%;
    text-align: center;
    background-color: #fff;
}
section .parameter div img{
    width: 720px;
    height: 830px;
    margin: 60px;
}

/* 更多商品 */
section .bottom {
    width: 100%;
    background-color: #fff;
}
section .bottom>div:first-of-type {
    width: 100%;
    background-color: rgb(181, 181, 181);
}
section .bottom div:first-of-type div {
    width: 1100px;
    margin: 0 auto;
    display: flex;
}
section .bottom div:first-of-type div a {
    display: inline-block;
    width: 150px;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: relative;
}
section .bottom div:first-of-type div a:hover {
    background-color: #fff;
    color: rgb(70, 139, 217);
}
section .bottom div:first-of-type div a:hover::after {
    content: "";
    width: 150px;
    height: 10px;
    background-color: rgb(70, 139, 217);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
section .bottom>div:last-of-type {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    padding: 50px 0px 100px;
}
section .bottom div:last-of-type img {
    width: 200px;
    height: 160px;
}
section .bottom>div:last-of-type div:hover img {
    transform: scale(1.2);
}